<div class="tab-box">
    <ul>
        <!-- <li ng-repeat="(i,item) in tabMenu.children track by $index" ng-class="{active:i==0}">{{item.name}}</li> -->
        <li ng-class="{active:state==1}"  ui-sref="setup.interfaces({state:1})" ui-sref-opts="{reload:true}">短信接口</li>
        <li ng-class="{active:state==2}" ui-sref="setup.interfaces({state:2})" ui-sref-opts="{reload:true}">邮箱接口</li>
    </ul>
</div>
<div class="pers-info">
    <ul ng-if="state==1">
        <li>短信供应商：</li>
        <li><span>深圳市后步科技有限公司[联系我们开通]</span></li>
        <li><span>Userid：</span></li>
        <li><input type="text" class="form-control" ng-model="data.user_id" onkeyup="value=value.replace(/[^\d]/g,'')"><span></span></li>
        <li><span>账号：</span></li>
        <li><input type="text" class="form-control" ng-model="data.account"><span></span></li>
        <li><span>密码：</span></li>
        <li><input type="text" class="form-control" ng-model="data.password"><span></span></li>
        <li><span>短信签名：</span></li>
        <li><input type="text" class="form-control" ng-model="data.msg_signature" maxlength="8"><span>限制3~8个字</span></li>
        <li><span>通信状态：</span></li>
        <li><span style="color: #5cb85c">连接成功</span>剩余{{data.msg_remain}}条短信</li>


        <li><button class="btn btn-primary" ng-click="ok()">确定提交</button></li>
    </ul>
    <!-- 邮箱接口 -->
    <ul ng-if="state==2" class="email-set-bg">
        <div class="slide-btn">
          <span ng-click="openSet($event)">是</span>
          <span ng-click="openSet($event)">否</span>
        </div>
        <div class="set-title-name">
          SMTP 服务器：
        </div>
        <div class="input-word input-title-first">
          <input type="text" class="form-control" ng-model="param.server"/>
          <span class="set-port-span">设置 SMTP 服务器的地址，如 smtp.163.com</span>
        </div>
        
        <div class="set-title-name">
          SMTP 端口：
        </div>
        <div class="input-word input-title-first">
          <input type="text" value="25" class="form-control" ng-model="param.port"/>
          <span class="set-port-span">设置 SMTP 服务器的端口，默认为 25</span>
        </div>
        
        <div class="set-title-name">
          发信人邮件地址：
        </div>
        <div class="input-word input-title-first">
          <input type="text" class="form-control" ng-model="param.send_mail"/>
          <span class="set-port-span">使用SMTP协议发送的邮件地址，如 houbu@163.com</span>
        </div>
        
        <div class="set-title-name">
          SMTP 身份验证用户名：
        </div>
        <div class="input-word input-title-first">
          <input type="text" class="form-control" ng-model="param.e_name"/>
          <span class="set-port-span">如 houbu</span>
        </div>
        
        <div class="set-title-name">
          SMTP 身份验证密码：
        </div>
        <div class="input-word input-title-first">
          <input type="text" class="form-control" ng-model="param.e_pwd"/>
          <span class="set-port-span">houbu@163.com邮件的密码，如 123456</span>
        </div>
        
        <div class="set-title-name">
          测试接收的邮箱地址：
        </div>
        <div class="input-word input-title-first">
          <input type="text" class="form-control" ng-model="param.test_mail"/>
          <button class="btn btn-radius add-item" ng-click="ceshiMail()">点击发送</button>
          <span class="set-port-span">测试的目的是为了验证上面填写的信息是否能够发送成功，测试邮箱能否接收到邮件！</span>
        </div>
        
        <div class="set-title-name">
          <button class="btn btn-primary" ng-click="queding()">
              确认提交
          </button>
        </div>
        
    </ul>
</div>